
.normal {
}

.isMe{
    margin:10px;
}

.isMe p{
    margin-bottom: 0;
}
.isMe .dialogue{
    text-align: right;
}
.isMe .speaker{
    float: right;
}

.dialogue span{
    display: inline-block;
    padding:5px 8px;
    vertical-align: top;
}

.content{
    background-color: #abcc49;
    color:#000;
    border-radius: 5px;
    position: relative;
    max-width:76%;
}

.isMe .content::before{
    content:'';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #abcc49;
    position: absolute;
    right:-5px;top:11px;
}

.other .content::before{
    content:'';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid #abcc49;
    border-bottom: 5px solid transparent;
    position: absolute;
    left:-5px;top:11px;
}
.time{
    text-align: center;
    font-size: 12px;
}